//缓冲运动
//obj 表示要运动的对象
//target 表示运动终点
// animate(ele, {left: 800, top: 400}, 2000)

function animate(obj, target, time){
	
	for(var attr in target) {
		//第一种 使用函数自调用
		(function(prop){
			var timer = setInterval(function(){
				//获取当前的值
				var iNow = parseInt(getStyle(obj, prop)); 
				//计算速度
				var speed = (target[prop] - iNow)/8;
				if(Math.abs(speed)<1){
					speed = speed>0?1:-1;
				}
				obj.style[prop] = iNow + speed + "px";
				if(parseInt(obj.style[prop]) == target[prop]){//达到终点
					console.log(prop)
					clearInterval(timer);
				}
			},20);
		})(attr);
	}
	
	/*
	//第二种  使用let关键字 
	for(let attr in target) {
		//第一种 使用函数自调用
		let timer = setInterval(function(){
			//获取当前的值
			var iNow = parseInt(getStyle(obj, attr)); 
			//计算速度
			var speed = (target[attr] - iNow)/8;
			if(Math.abs(speed)<1){
				speed = speed>0?1:-1;
			}
			obj.style[attr] = iNow + speed + "px";
			
			if(parseInt(obj.style[attr]) == target[attr]){//达到终点
				console.log(attr + iNow+",speed:"+speed);
				clearInterval(timer);
			}
		},20);
	}
	*/
}

function getStyle(obj, attr) {
    if(obj.currentStyle) { //IE浏览器
        return obj.currentStyle[attr];
    } else {
        return getComputedStyle(obj,null)[attr];
    }
}
